<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../响应式/css/四百至八百.css" media="screen and (min-width: 400px) and (max-width: 800px)">
    <link rel="stylesheet" href="../响应式/css/大于八百.css" media="(min-width:800px)">
</head>
<body>
    <div style="text-align: center; font-size: large; color: white;">
        当宽度大于800px时背景变蓝，当宽度在400px至800px颜色变红
    </div>
</body>
</html>